body{
    padding:0;
    margin:0;
    font-size: 1 rem;
    font-family:'幼圆';
}

a{
    text-decoration: none;
}

.test-page{
    background-color:#f2f2f2;
    color:#222;
    font-size:1rem;
}

.test-page .test-header {
	/*position: fixed;
	background-color: rgb(50,50,50);
	height: 50px;
	width: 100%;
	z-index: 100;*/
	width:100%;
    line-height:2.5rem;
    overflow:hidden;
    position:fixed;
    box-sizing: border-box;
    background-color:#f0f0f0;
    color:#000;
    display:box;
    display:-webkit-box;
    display:flex;
}

.test-page .test-header img {
	position: relative;
	top: 10%;
	height: 80%;
}

.test-page .test-header .left{
	/*position: relative;
	height: 100%;
	width: 15%;
	float: left;
	text-align:center;
	margin:0 auto;*/
	padding-left:0.5rem;
	flex:2;
    box-flex:2;
    -webkit-box-flex:2;
}

.test-page .test-header .center{
	/*position: relative;
	height: 100%;
	width: 70%;
	float: left;
	text-align: center;
	font-size: 17px;
	line-height:50px;
	color: rgb(200,200,200);*/
	flex:6;
    box-flex:6;
    -webkit-box-flex:6;
    overflow:hidden;
    text-align:center;
}

.test-page .test-header .right{
	/*position: relative;
	height: 100%;
	width: 15%;
	float: left;
	text-align:center;
	margin:0 auto;*/
	padding-right:0.5rem;
	flex:2;
    box-flex:2;
    -webkit-box-flex:2;
}

.test-page .test-content{
	position: relative;
	background-color: rgb(0,0,100);
	top: 50px;
	width: 100%;
	height: 600px;
	z-index: 10;
}
.test-page .test-content .test-title{
	position: relative;
	background-color: rgb(200,200,200);
	width: 100%;
	height: 60px;
}
.test-page .test-content .test-title .button{
	width: 33%;
	height: 100%;
	text-align: center;
	line-height:60px;
	border-bottom: 2px solid #FFF;
	float: left;
}
.test-page .test-content .test-title .on{
	width: 33%;
	height: 100%;
	text-align: center;
	line-height:60px;
	border-bottom: 4px solid #f00;
	float:left;
}





.test-page .test-footer{
	position: fixed;
	background-color: rgb(50,50,50);
	bottom: 0px;
	height: 50px;
	width: 100%;
	z-index: 100;
	margin:0;
	box-sizing: border-box;
}

.test-page .test-footer .button{
	width: 25%;
	float: left;
	line-height:46px;
	text-align: center;
	color: rgb(200,200,200);
}
.test-page .test-footer .on{
	border-bottom: 4px solid #f00;
	display:inline-block;
}




.test-ico-button{
	display:inline-block;
    background-position: center;
    width:20px;
    background-size:20px auto;
    margin:0 3px;
}
.test-ico-back{
    background-repeat: no-repeat;
    background-image:url(../img/menu.png)
    display:inline-block;
}
